require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/News.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

const  news_1_msg = In8.News_1.news_1_msg; //`五一道具大优惠、限时折扣疯狂抢`;
const  time = In8.News_1.time;//`【活动时间】：4月30日~5月4日`;
const  content = In8.News_1.content;//`【活动内容】：活动期间内所有点券道具全场八折，即可限时抢购。`;
const  items =In8.News_1.items;// `【活动道具】：所有点券道具`;
class News_1 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.News_1_head}>
                <b>{news_1_msg}</b>
              </h2>
              <div className={styles.news_info}>
                <span>{time}</span>
                <p>{time}</p>
                <p>{content}</p>
                <p>{items}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(News_1);
//News.defaultProps =  Form.create()(News);;

//export default News;
